<template>
  <svg
    t="1753490993597"
    class="share-icon"
    viewBox="0 0 1261 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="9953"
    :width="size"
    :height="size"
  >
    <path
      d="M817.585231 945.230769h-57.344l-10.712616-10.633846V669.538462c-227.997538-33.870769-509.400615 48.443077-640.708923 275.692307a540.199385 540.199385 0 0 0-36.864 78.769231H1.220923c-1.220923-6.301538 0-83.889231 0-118.153846a630.153846 630.153846 0 0 1 630.153846-630.153846 657.723077 657.723077 0 0 1 118.153846 0V10.633846l10.712616-10.633846h57.344l443.943384 443.864615v57.501539z m10.712615-823.138461V354.461538h-157.538461v2.363077c-13.075692-1.181538-26.072615-2.363077-39.384616-2.363077A551.384615 551.384615 0 0 0 84.125538 841.255385c155.766154-206.769231 436.775385-281.206154 665.403077-250.486154h78.769231v232.369231l350.523077-350.523077z"
      :fill="color"
      p-id="9954"
      data-spm-anchor-id="a313x.search_index.0.i15.38cd3a81nTkT0X"
      class=""
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "ShareIcon",
    props: {
      size: {
        type: [Number, String],
        default: 24,
      },
      color: {
        type: String,
        default: "#ffffff",
      },
    },
  };
</script>

<style scoped>
  .music-icon {
    display: inline-block;
    vertical-align: middle;
  }
</style>
